<template>
	<view><view  class="sysNews-list" v-for=" item in sysList" :key="item.id">
		<view class="list-time">
			<text > {{item.time}}</text>
		</view>
		<view class="list-content">
			<view class="contents">
				<view class="content1">
					<text class="content1-1">{{item.content1}}</text>
					<text class="tip">{{item.tip}}</text>
				</view>
				<view class="content2">
					 <text >{{item.content2}}</text>
				</view>
			   
			</view>	
			<view class="list-detail">
				<text>详情</text><text>></text>
			</view>
		</view>
	</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				sysList:[
					{id:1,time:"2022-3-24 19:28:20",tip:"[未读]",
					content1:"恭喜！你的共享申请已经通过，快来看看吧！",content2:"尊敬的用户，恭喜您的恭喜申请通过审核！"},
					{
						id:1,time:"2022-3-24 19:28:20",tip:"",
						content1:"恭喜！你的共享申请已经通过，快来看看吧！",content2:"尊敬的用户，恭喜您的恭喜申请通过审核！"
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.sysNews-list{
	width: 750rpx;
	height: 420rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 40rpx;
	border-radius: 4rpx;
	text-align: center;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.03);

}
.list-time{
	margin: 20rpx;
	width: 300rpx;
	height: 50rpx;
	border-radius: 8rpx;
	background-color: rgba(215, 215, 215, 100);
	color: rgba(255, 255, 255, 100);
	font-size: 28rpx;
	text-align: center;
	font-family: Arial;
	line-height: 60rpx;
}
.list-content{
	width: 700rpx;
	height: 300rpx;
	line-height: 40rpx;
	border-radius: 4rpx;
	text-align: center;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.03);
}
.contents{
	width: 700rpx;
	height: 120rpx;
}
.content1{
	width: 700rpx;
	height: 80rpx;
	margin-top: 40rpx;
}
.content1-1{
	color: rgba(51, 51, 51, 100);
	font-size: 28rpx;
	margin-left: 20rpx;
	font-weight: 600;
	font-family: PingFangSC-bold;
}
.tip{
	color: rgba(255, 109, 88, 100);
	font-size: 24rpx;
	text-align: left;
	font-family: PingFangSC-regular;
}
.content2{
	width: 540rpx;
	height: 40rpx;
	color: rgba(153, 153, 153, 100);
	font-size: 26rpx;
	font-family: PingFangSC-regular;
	margin-left: 20rpx;
}
.list-detail{
	width: 600rpx;
	height: 80rpx;
	margin-bottom: 20rpx;
	color: rgba(51, 51, 51, 100);
	font-size: 28rpx;
	font-family: PingFangSC-regular;
	display: flex;
	justify-content: space-between;
	margin-left: 40rpx;
	margin-top: 20rpx;
	border-top: 1px solid #C8C7CC;
	line-height: 120rpx;
}
</style>
